<head>    
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">    
    <title>Calendar Details</title>    
    <link href="css/subwindows.css" rel="stylesheet" type="text/css" />       
    <link href="css/dp.css" rel="stylesheet" />    
    <link href="css/dropdown.css" rel="stylesheet" />    
    <link href="css/colorselect.css" rel="stylesheet" />   
     
    <script src="src/jquery.js" type="text/javascript"></script>    
    <script src="src/Plugins/utf8.js" type="text/javascript"></script>        
    <script src="src/Plugins/jquery.form.js" type="text/javascript"></script>     
    <script src="src/Plugins/jquery.validate.js" type="text/javascript"></script>     
    <script src="src/Plugins/datepicker_lang_US1.js" type="text/javascript"></script>        
    <script src="src/Plugins/jquery.datepicker.js" type="text/javascript"></script>     
    <script src="src/Plugins/jquery.dropdown.js" type="text/javascript"></script>     
    <script src="src/Plugins/jquery.colorselect.js" type="text/javascript"></script>    
     
    
   <script type="text/javascript">
       
       //var text = Utf8.encode("\u662f一个人");
       
       //var text2 = Utf8.decode('\u662f');
      /// var text3 = encodeURIComponent("中文");
       //alert(text3);
    (function($) {   
       $.fn.ShowTitle = function()
    { 
        $('<div id="conBox"></div>').appendTo('body'); 
        var d=$("#conBox"); 
        this.bind({ 
                    mouseover:function(){ 
                    if(!$("#conBox")){ 
                        $('<div id="conBox"></div>').appendTo('body'); 
                    }else{ 
                            d=$("#conBox"); 
                         } 
                                var of=$(this).offset(); 
                                //var title=$(this).attr("title"); 
                                //定义位置 
                                d.css({top:of.top+$(this).height()+"px",left:$(this).width()/2+of.left+"px"}).text($(this).attr("title")); 
                                //显示 
                                d.fadeIn(); 
                            }, 
                            mouseout:function(){ 
                                //鼠标一走隐藏 
                                d.fadeOut(); 
                            } 
                   }); 
     } 
       
  })(jQuery);
  
  $(document).ready(function() {
  
  //$("#[id^=test]").
  
  //alert($("#[id^=test]").text());
  //alert($("#[id^=test]").length);
  //alert($("#[id^=test]").attr("title"));
  
 $("#[id^=test]").ShowTitle();
  
  //$.each($("#[id^=test]"),function(index, value){
                        //alert("count element: " + index + value[0]);
                    //$("#slctvenue").append('<option value = ' 
                                          //+ value[0] 
                                          //+'>'
                                          //+ value[1]
                                          //+ '</option>');
                    //alert("count element: " + index + value[0] + value[1]);                  
                    //});
                    
  //                  alert(value.attr("title"));
  
  //});
  
  
  
  });
   </script>
   
   
  </head>
  <body>
      <a href="#" title="提示一提示一提示一提示一提示一提示一">
          为了我们的身心健康时为了我们的身心健康时为了我们的身心健康时为了我们的身
          心健康时为了我们的身心健康时为了我们的身心
          健康时为了我们的身心健康时为了我们的身心健康时为了我们的身心健康时为了我们的身心健康时</a><br /><br /><br />
      <a href="#" title="提示二">我们应该</a><br /><br />
      <a href="#" title="提示三">多抽烟</a><br /><br />
      <a href="#" title="提示四">多喝酒</a><br /><br />
      
      <div class="textbox-fill-mid">
<div id="bbit-cs-what" class="textbox-fill-div lk" style="cursor:pointer;"
     
     title="點擊查看詳細">Add 你有没是这样的吗，看看情况再说</div>
</div>
      
      <div id ="test_1" title="[全天日程1]">Test1_id</div>
      <div id ="test_2" title="[全天日程2]">Test2_id</div>
      <div id ="test_3" title="[全天日程3]">Test3_id</div>
      
      
  </body>